$(function() {
	var url={
		list:"{:url('adminapi/Passenger/passengerList')}",
		delete:'{:url("adminapi/Passenger/delete")}'
	}
	
	
	var addoperation = `<td class='operation'>
			<div class="tpl-table-black-operation">
				<a class="details" href="javascript:;">
					<i class="am-icon-pencil"></i> 详情
				</a>
				<a class="change" href="javascript:;">
					<i class="am-icon-pencil"></i> 编辑
				</a>
				<a href="javascript:;" class="tpl-table-black-operation-del delete-list" data-method="delete">
					<i class="am-icon-trash"></i> 删除
				</a>
			</div>
		</td>`;
		var deptlist;
		var limitall;
		
		
		var page=1;
		var tddata=[
			{
				key:'name',
				type:1,
				url:''
			},{
				key:'phone',
				type:1,
				url:'{:url("detail")}',
				id:137
			},{
				key:'department_name',
				type:1,
				url:''
			},{
				key:'is_check_name',
				type:1,
				url:''
			},{
				key:'limit_name',
				type:1,
				url:''
			}];
		
	    var data={};
	    data.page=page;
	    data.pagenum=10;
	    var where_json={};
	    {if $Think.get.name}
			where_json.name=['like','%{$Think.get.name}%']
		{/if}
		{if $Think.get.phone}
			where_json.phone=['like','%{$Think.get.phone}%']
		{/if}
		
		where_json.company_id=['in',$('.company_all_id').val()]
		data.where_json=JSON.stringify(where_json)
		var loaddept= layer.load(0, {
						shade: [0.1, '#fff'] //0.1透明度的白色背景
					});
			loadarr=[0,0]		
		$.ajax({
			type: "post",
			url: "{:url('/unit/staff/dept')}",
			data: {},
			success: function(res) {
				loadarr[0]=1
				
				deptlist=res.data;
				if(loadarr[0]==1&&loadarr[1]==1){
					layer.close(loaddept)
					ajaxpassenger(data)
				}
				
			}
		});
			$.ajax({
			type: "post",
			url: "{:url('/unit/limit/all')}",
			data: {},
			success: function(res) {
				loadarr[1]=1
				
				limitall=res.data
				for(var i=0;i<limitall.length;i++){
					if(limitall[i].state==1){
						limitall[i].state_main='启用中'
					}else{
						limitall[i].state_main='禁用中'
					}

					limitall[i].limit_rule=JSON.parse(limitall[i].limit_rule)
					if(limitall[i].limit_type==1){
						limitall[i].limittype='财政'
						if(limitall[i].limit_rule.need_check){
							limitall[i].need_check='需审批'
						}else{
							limitall[i].need_check='不需审批'
						}
					}else{
						limitall[i].limittype='单位'
						limitall[i].need_check='需审批'
					}
				}
				if(loadarr[0]==1&&loadarr[1]==1){
					layer.close(loaddept)
					ajaxpassenger(data)
				}
			}
		});
		
		function ajaxpassenger(data){
			Load()
		$.ajax({
			type: "post",
			url: url.list,
			data: data,
			success: function(res) {
				console.log(res);
				Load(1)
				$("#loading-first").fadeOut(500);
				if(res.code==1){
					for(var i = 0; i < res.data.length; i++) {
						if(res.data[i].is_check==1) {
							res.data[i].is_check_name = '审批员'
						} else {
							res.data[i].is_check_name = '非审批员'
						}
						for(var key  in deptlist){ 
							if(res.data[i].department_id==deptlist[key]){
								res.data[i].department = key
							}
						}
						res.data[i].limit={};
						res.data[i].limit.limit_rule={};
						res.data[i].limit.limittype='-';
						res.data[i].limit.limit_name='-';
						res.data[i].limit.limit_rule.quota_day='-';
						if(res.data[i].limit_id){
							for(var idx1=0;idx1<limitall.length;idx1++){
								if(limitall[idx1].limit_id==res.data[i].limit_id){
										res.data[i].limit=limitall[idx1]
										res.data[i].limit_name=res.data[i].limit.limit_name
								}
							}
						}else{
							
						}
					}
				}
				$('tbody').html(tbodymainf2(res.data, 1, tddata, addoperation, 'passenger_id'))
				$('.pagination').html(pagechang1(res.count, 10, page))
				$(".export").on('click',function(){
					var tddata2=[
					{
						key:'name',
						type:1,
						url:''
					},{
						key:'phone',
						type:1,
						url:'{:url("detail")}',
						id:137
					},{
						key:'department_name',
						type:1,
						url:''
					},{
						key:'is_check',
						type:1,
						url:''
					}];
					exports(res,tddata2,data,"{:url('adminapi/Passenger/downLoadPassengerList')}")
				})
				$('tbody tr').each(function(){
					var ischeck="";
					for(var k=0;k<res.data.length;k++){
						if($(this).data('id')==res.data[k].passenger_id){
							if(res.data[k].is_check==9){
								ischeck=`<a class='is_approve' href="javascript:;">
									<i class="am-icon-pencil"></i> 设为审批员
								</a>`
							}
						}
					}
					$(this).find('.operation .tpl-table-black-operation').append(ischeck)
				})
				$('.details').on('click', function() {
					for(var detaidx = 0; detaidx < res.data.length; detaidx++) {
						if(res.data[detaidx].passenger_id == $(this).closest('tr').data('id')) {
							detail($(this).closest('tr').data('id'),res.data);
						}
					}
					
					$('.detail_delete').on('click', function() {
						var that=this
						var prop1=layer.open({
							type: 1,
							title: false,
							id: "delete" //防止重复弹出
								,
							content: "<div class='am-vertical-align-middle' style='width:100%;text-align:center'>是否删除</div>",
							btn: ['确定', '取消'],
							btnAlign: 'c' //按钮居中
								,
							shade: 0 //不显示遮罩
								,
							yes: function() {
								
								var deleteload = layer.load(1, {
									shade: [0.1, '#fff'] //0.1透明度的白色背景
								});
								$.ajax({
									method: "POST",
									url:url.delete,
									data: {
										passenger_ids: $(that).data('id')
									},
									success: function(res) {
										if(res.code == 1) {
											layer.close(deleteload);
					//										$(that).closest('tr').remove();
											var Load = layer.load(1, {
												shade: [0.1, '#fff'] //0.1透明度的白色背景
											});
											layer.closeAll();
											staff(Load)
											
											
										} else if(res.code == 0) {
											layer.closeAll();
											Err(res.msg ? res.msg : '操作失败，稍候再试');
										}
					
									}
								});
					
							},
							btn2: function() {
								layer.closeAll();
							}
						});
						
						
					});
				});
				$('.delete-list').on('click', function() {
					var that=this 
					var prop=layer.open({
						type: 1,
						title: false,
						id: "delete" //防止重复弹出
							,
						content: "<div class='am-vertical-align-middle' style='width:100%;text-align:center'>是否删除</div>",
						btn: ['确定', '取消'],
						btnAlign: 'c' //按钮居中
							,
						shade: 0 //不显示遮罩
							,
						yes: function() {
					
							var deleteload = layer.load(1, {
								shade: [0.1, '#fff'] //0.1透明度的白色背景
							});
							$.ajax({
								method: "POST",
								url:url.delete,
								data: {
									passenger_ids: $(that).closest('tr').data('id')
								},
								success: function(res) {
									if(res.code == 1) {
										layer.close(deleteload);
				//										$(that).closest('tr').remove();
										var Load = layer.load(1, {
											shade: [0.1, '#fff'] //0.1透明度的白色背景
										});
										ajaxpassenger(data)
										layer.close(prop);
										
									} else if(res.code == 0) {
										layer.close(prop);
										Err(res.msg ? res.msg : '操作失败，稍候再试');
									}
				
								}
							});
				
						},
						btn2: function() {
							layer.close(prop);
						}
					});

				});
				$('.change').on('click', function() {
					window.location.href = '{:url("edit")}?passenger_id=' + $(this).closest('tr').data('id')
				})

				$('.laquo').on('click', function() {
					page-=1
					data.page=page
					ajaxpassenger(data)
				})
				$('.pageli').on('click', function() {
					page=$(this).html()
					data.page=page
					ajaxpassenger(data)
				})
				$('.raquo').on('click', function() {
					page+=1
					data.page=page
					ajaxpassenger(data)
				})
				$('.is_approve').on('click', function() {
					var id = $(this).closest('tr').data('id')

					layer.open({
						type: 1,
						title: false,
						content: "<div class='am-vertical-align-middle' style='width:100%;text-align:center'>是否设为审批员</div>",
						btn: ['确定', '取消'],
						btnAlign: 'c',
						shade: 0,
						yes: function() {
							var deleteload = layer.load(1, {
								shade: [0.1, '#fff'] //0.1透明度的白色背景
							});
							$.ajax({
								type: "post",
								url: "{:url('/unit/staff/setChecker')}",
								data: {
									passenger_id: id,
									is_check: 1
								},
								success: function(res) {
									console.log(res)
									layer.close(deleteload)
									if(res.code == 1) {
										Msg('设置成功')
										layer.closeAll();
										ajaxpassenger(data)
									} else {
										Err('设置失败')
										layer.closeAll();
									}

								},
								error: function() {
									Err('请求失败')
									layer.closeAll();
								}
							})
						},
						btn2: function() {
							layer.closeAll();
						}
					});
				})
			},
			error:function(){
				Load(1)
				Err('请求失败')
			}
		});
		}
		
//	staff()
//	
//	function staff(Load) {
//		
//		$.ajax({
//			type: "post",
//			url: "{:url('/unit/staff/all')}",
//			data: {},
//			success: function(res) {
//				if(Load){
//				layer.close(Load);
//				}
//				var res.data = res.data
//				$("#loading-first").fadeOut(500);
//
//				var keyarr = ['name', 'phone'];
//				var mainarr = ["{$Think.get.number}", "{$Think.get.phone}"];
//				res.data = filtrate(res.data, keyarr, mainarr);
//				for(var i = 0; i < res.data.length; i++) {
//					if(res.data[i].is_check==1) {
//						res.data[i].is_check_name = '审批员'
//					} else {
//						res.data[i].is_check_name = '非审批员'
//					}
//					for(var key  in deptlist){ 
//						if(res.data[i].department_id==deptlist[key]){
//							res.data[i].department = key
//						}
//					}
//					if(res.data[i].limit_id){
//						for(var idx1=0;idx1<limitall.length;idx1++){
//							if(limitall[idx1].limit_id==res.data[i].limit_id){
//									res.data[i].limit=limitall[idx1]
//									res.data[i].limit_name=res.data[i].limit.limit_name
//							}
//						}
//					}else{
//						res.data[i].limit={};
//						res.data[i].limit.limit_rule={};
//						res.data[i].limit.limittype='-';
//						res.data[i].limit.limit_name='-';
//						res.data[i].limit.limit_rule.quota_day='-';
//					}
//					
//				}
//				ajaxlist(1)
//				var myScroll = new IScroll('#unit_main', {
//					mouseWheel: true,
//					disableMouse: true,
//					disablePointer: true,
//					scrollbars: 'custom',
//					interactiveScrollbars: true,
//				});
//
//				function ajaxlist(page) {
//					var pagemain = pagechang(res.data.length, 10, page);
//					var tbodymain = tbodymainf(res.data, page, tddata, addoperation, 'passenger_id');
//					$('.pagination').html(pagemain);
//					$('tbody').html(tbodymain);
//					$('.choose').on('click',function(){
//						var index = parent.layer.getFrameIndex(window.name);
//						{if $Think.get.orderer}
//							parent.$('.orderer_name').val($(this).closest('tr').find('td').eq(0).html());
//							parent.$('.orderer_id').val($(this).closest('tr').data('id'));
//							parent.layer.close(index);
//						{else/}
//							parent.$('.passenger_name').val($(this).closest('tr').find('td').eq(0).html());
//							parent.$('.passenger_id').val($(this).closest('tr').data('id'));
//							parent.$('.passenger_phone').val($(this).closest('tr').find('td').eq(1).html());
//						{/if}
//						
//					
//						
//						parent.layer.close(index);
//					})
//					for(var liidx = 0; liidx < $('tbody tr').length; liidx++) {
//						if($('tbody tr').eq(liidx).find('td').eq(3).html() == '审批员') {
//							$('tbody tr').eq(liidx).find('.is_approve').remove()
//						}
//					}
//
//					$('.details').on('click', function() {
//						for(var detaidx = 0; detaidx < res.data.length; detaidx++) {
//							if(res.data[detaidx].passenger_id == $(this).closest('tr').data('id')) {
//								detail($(this).closest('tr').data('id'),res.data);
//							}
//						}
//						
//						$('.detail_delete').on('click', function() {
//							var that=this
//							console.log($(that).data('id'))
//							var prop1=layer.open({
//								type: 1,
//								title: false,
//								id: "delete" //防止重复弹出
//									,
//								content: "<div class='am-vertical-align-middle' style='width:100%;text-align:center'>是否删除</div>",
//								btn: ['确定', '取消'],
//								btnAlign: 'c' //按钮居中
//									,
//								shade: 0 //不显示遮罩
//									,
//								yes: function() {
//									console.log($(that).data('id'))
//									var data = {
//										id: $(that).data('id')
//									};
//									var deleteload = layer.load(1, {
//										shade: [0.1, '#fff'] //0.1透明度的白色背景
//									});
//									$.ajax({
//										method: "POST",
//										url:'{:url("delete")}',
//										data: data,
//										success: function(res) {
//											if(res.code == 1) {
//												layer.close(deleteload);
//						//										$(that).closest('tr').remove();
//												var Load = layer.load(1, {
//													shade: [0.1, '#fff'] //0.1透明度的白色背景
//												});
//												layer.closeAll();
//												staff(Load)
//												
//												
//											} else if(res.code == 0) {
//												layer.closeAll();
//												Err(res.msg ? res.msg : '操作失败，稍候再试');
//											}
//						
//										}
//									});
//						
//								},
//								btn2: function() {
//									layer.closeAll();
//								}
//							});
//							
//							
//						});
//					});
//					$('.delete-list').on('click', function() {
//						console.log(1);
//						var that=this 
//						deletelist($(this),"{:url('delete')}",staff)
//
//					});
//					$('.change').on('click', function() {
//						window.location.href = '{:url("edit")}?passenger_id=' + $(this).closest('tr').data('id')
//					})
//
//					$('.laquo').on('click', function() {
//						ajaxlist(page - 1);
//					})
//					$('.pageli').on('click', function() {
//						ajaxlist($(this).html());
//					})
//					$('.raquo').on('click', function() {
//						ajaxlist(page + 1);
//					})
//					$('.is_approve').on('click', function() {
//						var id = $(this).closest('tr').data('id')
//
//						layer.open({
//							type: 1,
//							title: false,
//							content: "<div class='am-vertical-align-middle' style='width:100%;text-align:center'>是否设为审批员</div>",
//							btn: ['确定', '取消'],
//							btnAlign: 'c',
//							shade: 0,
//							yes: function() {
//								console.log(id)
//								var deleteload = layer.load(1, {
//									shade: [0.1, '#fff'] //0.1透明度的白色背景
//								});
//								$.ajax({
//									type: "post",
//									url: "{:url('/unit/staff/setChecker')}",
//									data: {
//										passenger_id: id,
//										is_check: 1
//									},
//									success: function(res) {
//										console.log(res)
//										layer.close(deleteload)
//										if(res.code == 1) {
//											Msg('设置成功')
//											layer.closeAll();
//											staff()
//										} else {
//											Err('设置失败’')
//											layer.closeAll();
//											staff()
//										}
//
//									},
//									error: function() {
//										Err('请求失败')
//										layer.closeAll();
//									}
//								})
//							},
//							btn2: function() {
//								layer.closeAll();
//							}
//						});
//					})
//				}
//			},
//			error: function() {
//				$("#loading-first").fadeOut(500);
//			}
//		});
//	}

	function detail(id,resall) {
		var res;
		for(var idx=0;idx<resall.length;idx++){
			if(resall[idx].passenger_id==id){
				res=resall[idx]
			}
		}
		
		layer.open({
			title: false,
			type: 1,
			skin: 'layui-layer-rim', //加上边框
			area: ['420px', '500px'],
			content: `<div class="am-u-sm-12" style="padding:20px">
				<div class="am-u-sm-12 cl-p" >
					<fieldset class="cl-p cl-m">
						<legend class='cl-m'>${res.name?res.name:"-"}的详情</legend>
					</fieldset>
				</div>
				<div class="am-u-sm-12"  style='padding-top:10px'>
					<div class='order_detail_h2'>员工详情</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">姓名:</div>${res.name?res.name:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div  class="detail-list">手机:</div>${res.phone?res.phone:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">工号:</div>${res.badge_number?res.badge_number:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">部门:</div>${res.department?res.department:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">邮箱:</div>${res.email?res.email:"-"}
					</div>
				</div>
				<div class="am-u-sm-12"  style='padding-top:10px'>
					<div class='order_detail_h2'>用车权限</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">支付方式:</div>${res.limit.limittype?res.limit.limittype:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">用车权限:</div>${res.limit.limit_name?res.limit.limit_name:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">用车备注:</div>${res.remark?res.remark:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">每次限额:</div>${res.limit.limit_rule.quota_day?res.limit.limit_rule.quota_day:"-"}
					</div>
				</div>
				<div class="am-u-sm-12 border-bottom"  style='padding:10px'>
					<div class='order_detail_h2'>本月用车情况</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">本月用车:</div>${res.use_car?res.use_car:"-"}
					</div>
					<div class="am-u-sm-12 cl-p order_detail_text">
						<div class="detail-list">本月花费:</div>${res.cost?res.cost:"-"}
					</div>
					
				</div>
				<div  class="am-u-sm-12" style="margin-top: 20px;">
					<a href='{:url("edit")}?passenger_id=${id}' class="am-btn am-btn-sm am-btn-primary am-radius bjyg">编辑员工</a>
					<a href='{:url("edit")}?passenger_id=${id}&limit=1' class="am-btn am-btn-sm am-btn-primary am-radius bjqx">编辑权限</a>
					<button type='button' data-id='${id}' class="am-btn am-btn-sm am-btn-primary am-radius detail_delete">删除员工</button>
				</div>
			</div>`,
			success: function(res) {
				
				
			}
		});
		
		
	}
})